<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>2 hand easy</title>
<script src="../SpryAssets/SpryTabbedPanels.js" type="text/javascript"></script>
<script>
            function showDialog() {
                document.getElementById('light').style.display='block';
                document.getElementById('fade').style.display='block';
            }
                    
            function closeDialog() {
                document.getElementById('light').style.display='none';
                document.getElementById('fade').style.display='none';
            }
        </script>
<style>


.black_overlay {
	display: none;
	position: absolute;
	top: 0%;
	left: 0%;
	width: 100%;
	height: 100%;
	background-color: black;
	z-index:1001;
	-moz-opacity: 0.8;
	opacity:.80;
	filter: alpha(opacity=80);
}
.white_content {
	display: none;
	position: absolute;
	top: 25%;
	left: 25%;
	width: 50%;
	height: 50%;
	padding: 16px;
	border: 16px solid #A1DA55;
	background-color: white;
	z-index:1002;
	overflow: auto;
}
.TabbedCornerRight2{
padding: 10px;
background: url(../images/right_corner.gif) no-repeat right 70%;
}

.TabbedPanelsTab2 {
position: relative;
top: 1px;
height: 5px;
float: left;
padding: 5px 0px 8px 0px;
margin: 0px 2px 0px 0px;
list-style: none;
background-image: url(../images/left_corner.gif);
border-left: solid 0px #7197c3;
border-top: solid 0px #7197c3;
border-right: solid 0px #7197c3;
-moz-user-select: none;
-khtml-user-select: none;
cursor: pointer;
font-size: 0.9em;
}
</style>
<link href="../SpryAssets/SpryTabbedPanels.css" rel="stylesheet" type="text/css">
</head>
<body>
<div id="fade" class="black_overlay"></div>
<p>&nbsp;</p>
<div id="TabbedPanels1" class="TabbedPanels">
  <ul class="TabbedPanelsTabGroup">
    <li class="TabbedPanelsTab2" tabindex="0"><span class="TabbedCornerRight">Tab 111111111111</span></li>
    <li class="TabbedPanelsTab2" tabindex="0"><span class="TabbedCornerRight">Tab 22222222222</span></li>
  </ul>
  <div class="TabbedPanelsContentGroup">
    <div class="TabbedPanelsContent">Content 1</div>
    <div class="TabbedPanelsContent">Content 2</div>
  </div>
</div>
<a onclick="showDialog();">here</a>
<div id="light" class="white_content">
  <fieldset>
    <legend class="gray-color">上載圖片</legend>
    <form enctype="multipart/form-data" action="../FileUploadTest" method="post">
      <table class="table-font-12">
        <tbody valign="top">
          <tr>
            <td colspan="2"> 注意事項
              <ul>
                <li>只接受 .jpg 或 gif 格式，且每張相片檔案大小不能超過 500kB</li>
                <li>系統將以 圖片1 作為拍賣商品的預覽縮圖，若圖檔高度未達 100 pixel 或是寬高比例超過 2.5 倍，將無法產生縮圖</li>
                <li>請勿未經他人同意而使用他人之相關描述與照片，以免觸法。</li>
              </ul></td>
          </tr>
          <tr>
            <td width="130">圖片1:</td>
            <td width="350"><input type="file" name="image1" id="image1" value="${image1}"/></td>
          </tr>
          <tr>
            <td>圖片2:</td>
            <td><input type="file" name="image2" id="image2" value="${image2}"/></td>
          </tr>
          <tr>
            <td>圖片3:</td>
            <td><input type="file" name="image3" id="image3" value="${image3}"/></td>
          </tr>
          <tr>
            <td colspan="2" align="center"><input type='image' src='../images/confirm-bt.gif'/>
              <a href="javascript:closeDialog()"><img border="0" src="../images/cancel-bt.gif"/></a></td>
          </tr>
        </tbody>
      </table>
    </form>
  </fieldset>
</div>

<p>&nbsp;</p>
<script type="text/javascript">
<!--
var TabbedPanels1 = new Spry.Widget.TabbedPanels("TabbedPanels1");
//-->
        </script>
</body>
</html>
<div style="width: 99.8%; max-width: 100%;">
  <form name="form1" method="post" action="ReplyTopic.aspx?forumID=d9b0dee7-e33f-4168-b14c-cc4940c76461&amp;topicID=ac6aab55-a60e-4863-aec0-9fe0e436b399&amp;postDate=2008-9-10+11%3a45%3a22" id="form1">
    <div>
      <input name="__VIEWSTATE" id="__VIEWSTATE" value="/wEPDwUKMTU1ODI0NjY5OA9kFgQCBw8WAh4HVmlzaWJsZWdkAg0PZBYCAgEPZBYCZg9kFgJmD2QWAmYPDxYCHgRNb2RlCyolU3lzdGVtLldlYi5VSS5XZWJDb250cm9scy5UZXh0Qm94TW9kZQEWAh4Fc3R5bGUFGWhlaWdodDoyOTBweDs7d2lkdGg6MTAwJTtkZLnj26yYdroqVOK7pJT54G4WeiL2" type="hidden">
    </div>
    <div class="CsdnUbbEditorMenubar" id="CsdnUbbEditorMenubar_CsdnUbb_0"><a>
      <input onfocus="this.blur()" title="字体大小" value=" " class="menuitem fontsize" onclick='CsdnUbbEditor.instance("CsdnUbb_0").execCommand(event, "fontsize", this)' type="button">
      </a>
      <input onfocus="this.blur()" title="" value=" " class="menuitem space" disabled="true" type="button">
      <a>
      <input onfocus="this.blur()" title="粗体" value=" " class="menuitem bold" onclick='CsdnUbbEditor.instance("CsdnUbb_0").execCommand(event, "bold", this)' type="button">
      </a><a>
      <input onfocus="this.blur()" title="斜体" value=" " class="menuitem italic" onclick='CsdnUbbEditor.instance("CsdnUbb_0").execCommand(event, "italic", this)' type="button">
      </a><a>
      <input onfocus="this.blur()" title="下划线" value=" " class="menuitem underline" onclick='CsdnUbbEditor.instance("CsdnUbb_0").execCommand(event, "underline", this)' type="button">
      </a><a>
      <input onfocus="this.blur()" title="删除线" value=" " class="menuitem strikethrough" onclick='CsdnUbbEditor.instance("CsdnUbb_0").execCommand(event, "strikethrough", this)' type="button">
      </a><a>
      <input onfocus="this.blur()" title="字体颜色" value=" " class="menuitem color" onclick='CsdnUbbEditor.instance("CsdnUbb_0").execCommand(event, "color", this)' type="button">
      </a><a>
      <input onfocus="this.blur()" title="插入源代码" value=" " class="menuitem code" onclick='CsdnUbbEditor.instance("CsdnUbb_0").execCommand(event, "code", this)' type="button">
      </a>
      <input onfocus="this.blur()" title="" value=" " class="menuitem space" disabled="true" type="button">
      <a>
      <input onfocus="this.blur()" title="插入超链接" value=" " class="menuitem url" onclick='CsdnUbbEditor.instance("CsdnUbb_0").execCommand(event, "url", this)' type="button">
      </a><a>
      <input onfocus="this.blur()" title="插入电子邮件地址" value=" " class="menuitem email" onclick='CsdnUbbEditor.instance("CsdnUbb_0").execCommand(event, "email", this)' type="button">
      </a><a>
      <input onfocus="this.blur()" title="插入图片" value=" " class="menuitem image" onclick='CsdnUbbEditor.instance("CsdnUbb_0").execCommand(event, "image", this)' type="button">
      </a>
      <input onfocus="this.blur()" title="" value=" " class="menuitem space" disabled="true" type="button">
      <a>
      <input onfocus="this.blur()" title="左对齐" value=" " class="menuitem left" onclick='CsdnUbbEditor.instance("CsdnUbb_0").execCommand(event, "left", this)' type="button">
      </a><a>
      <input onfocus="this.blur()" title="居中对齐" value=" " class="menuitem center" onclick='CsdnUbbEditor.instance("CsdnUbb_0").execCommand(event, "center", this)' type="button">
      </a><a>
      <input onfocus="this.blur()" title="右对齐" value=" " class="menuitem right" onclick='CsdnUbbEditor.instance("CsdnUbb_0").execCommand(event, "right", this)' type="button">
      </a>
      <input onfocus="this.blur()" title="" value=" " class="menuitem space" disabled="true" type="button">
      <a>
      <input onfocus="this.blur()" title="help" value=" " class="menuitem help" onclick='CsdnUbbEditor.instance("CsdnUbb_0").help()' type="button">
      </a></div>
    <textarea class="CsdnUbbEditor" name="tb_ReplyBody$_$Editor" rows="2" cols="20" id="tb_ReplyBody___Editor" style="height: 290px; width: 100%;"></textarea>
    <div class="CsdnUbbEditorStatusbar" id="CsdnUbbEditorStatusbar_CsdnUbb_0"><span>您还可输入<strong id="wordCounter_CsdnUbb_0">8000</strong>个字符</span>
      <input name="CsdnUbbEditorDisabled" value="true" onclick='CsdnUbbEditor.disable(this, "CsdnUbb_0")' id="disable_6868069447022711" type="checkbox">
      <label for="disable_6868069447022711">禁用UBB</label>
      &nbsp;&nbsp;&nbsp;
      <div style="clear: both;"></div>
    </div>
    <script language="javascript" type="text/javascript" src="/EditorControl/MzUBB/CsdnUbbEditor.js"></script>
    <script type="text/javascript">
            /*<![CDATA[*/
            var ubb = new CsdnUbbEditor("tb_ReplyBody___Editor");
            ubb.contentLength = 8000;
            ubb.helpLink = "/help/ubb.html";
            ubb.render("fontsize|space|bold|italic|underline|strikethrough|color|code|space|url|email|image|space|left|center|right");
            /*]]>*/</script>
    <br>
    <div class="submitRegion" style="padding: 8px 0pt;">
      <input name="bt_Submit" value="提交回复" id="bt_Submit" class="button" type="submit">
      &nbsp;</div>
    <script type="text/javascript">//<![CDATA[
            document.getElementById("bt_Submit").onclick=function()
            {
                setTimeout(function()
                {
                    var btn = document.getElementById("bt_Submit");
                    btn.disabled = true;
                    setTimeout(function(){btn.disabled=false}, 10000);
                },10);
            }
            //]]></script>
  </form>
</div>
